.container{
  width:100%;
  height:100%;
  position:relative;
}
.banner{
  width:540rpx;
  height:80vh;
  margin:80rpx auto 0;
}
.banner .imgbox{
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.banner .img{
  width:100%;
  //height:100%;
}

.dots{
  width:100%;
  height:10rpx;
  text-align:center;
}
.dot{
  display:inline-block;
  width:40rpx;
  height:6rpx;
  background:#D2D2D2;
  margin:0 4rpx;
}
.dot.active{
  background: #0090FF;
}
.cover-view{
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:100%;
}
.icon{
  width:60rpx;
  height:60rpx;
  border-radius: 50%;
  position:absolute;
  top:50rpx;
  left:50rpx;
}
.exhibition_icon {
  position: absolute;
  z-index: 100;
  width: 40rpx;
  max-height: 40rpx;
  //margin-left: -76rpx;
  //margin-top: -124rpx;
  //background: url("https://web.bhstm.com/wxmini/bg_marker.png") repeat center;
  //background-size: 100% 100%;
  //display: flex;
  //flex-direction: column;
  //align-items: center;
image{
  width: 100%;
  height: 100%;
}
  .nubs {
    font-size: 50rpx;
    font-weight: bold;
    color: rgba(236, 134, 58, 1);
    line-height: 118rpx;
  }

  .names {
    position: absolute;
    bottom: -20rpx;
    line-height: 40rpx;
    color: #ffffff;
    font-size: 28rpx;
    white-space: nowrap;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 20rpx;
    padding: 4rpx 16rpx;
  }
}